|
使用import 导入 import React, { Component } from 'react'
import logo from "../asset/worker.png"
export default class Md extends Component {
render() {
return (
)
}
} 需注意，导入的文件需在src路径下，否则会报错 使用require直接导入路径 需注意require中不可使用变量，但可以使用变量拼接字符串，若使用了该方法后，图片不显示，页面也没有报错提醒，是因为require是动态加载，import是静态编译，可以修改为第一种方法，或者在后面加上 .default 插入背景图 import React, { Component } from 'react'
import logo from "../asset/worker.png"
export default class Md extends Component {
state={
bg:{
backgroundImage: "url(" + require("../asset/worker.png") + ")",
// backgroundImage: `url(${logo})`,
width:"300px",
height:"300px",
}
}
render() {
return (
{/* 页面中 */}
{/* 背景图 */}
{/* |